<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>{{title}} - </title>
    <style type="text/css">
        .div-relative{position:relative; color:#000; border:1px solid #000; width:500px; height:100px ;}
        .div-cover{ position:absolute; left:10px; top:10px; background:#F00; width:80px; height:80px;}

        .div-content{ position:absolute; left:100px; top:20px; width:400px; height:70px}
    </style>

</head>
<body>
<br/>
{% for id  in range(1,num+1) %}
    <a href="?page={{id-1}}">{{id}}</a>
{%endfor%}
<br/><br/>

{% for book in books %}
<div class="div-relative">
    {{book.id}}
    <div ><img src="http://pic.picbook.ybsltdh.com/{{book.cover}}" class="div-cover"/></div>
    <div class="div-content">
        <a href="book?id={{book.id}}">{{book.name}} </a><br/>
        系列:{{book.series}}<br/>
        描述:{{book.desc}}<br/>
        状态:{{statusmap[book.status]}}<br/>
    </div>
</div>
{% endfor%}
<br/><br/>
{% for id  in range(1,num+1) %}
    <a href="?page={{id-1}}">{{id}}</a>
{%endfor%}
<br/>

</body>
</html>